<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
  $(function(){

    function clickMeClicked(){
      var URL = 'response.php';
      $.ajax({
        url:URL,
        data:{'id':25},
        dataType:'json',
        type:'POST',
        beforeSend:function(){  $('#loader').html('<img src="loader.gif">') },

        success:function(data){
          $.each(data, function(key,value) {
            $('#'+key+'Id').html(value);
 console.log('#'+key+'Id');
          })
        },
        complete:function(){
          $('#loader').html('')
        },
        error: function(xhr,status,error) { alert('Error: ' + status) ; }
      });

    }

    $('#clickme').click(function(){
      clickMeClicked();
    });
  });
</script>
<a href="#" id="clickme"> Show Data </a>
<p><span id="loader"></span></p>

<h4>Name :<span id="nameId"></span></h4>
<h4>Email :<span id="emailId"></span></h4>
<h4>Adress :<span id="addressId"></span></h4>
